<template>
	<view class="page-apply-wrapper">
		<custom-nav title="申请入会"></custom-nav>
		<view class="apply-header">
			<image class="header-bg" src="../../static/img/apply/bg.png"></image>
			<view class="apply-head_info">
				<view class="flow-item flex-act">
					<view class="flow-step">
						<up-icon name="checkmark-circle-fill" color="#FF9839" size="26"></up-icon>
					</view>
					<text>入会须知</text>
				</view>
				<view class="flow-line"></view>
				<view class="flow-item">
					<view class="flow-step"></view>
					<text>申请人资料</text>
				</view>
				<view class="flow-line"></view>
				<view class="flow-item">
					<view class="flow-step"></view>
					<text>公司资料</text>
				</view>
				<!-- <up-line color="#2979ff"></up-line> -->
				<view class="flow-line"></view>
				<view class="flow-item">
					<view class="flow-step"></view>
					<text>推荐人资料</text>
				</view>
			</view>
		</view>
		<view class="apply-content">
			<view>1、任何依照香港的商業登記條例登記之公司及個人均有資格加入香港中小企業工商聯合會。</view>
			<view>2、全體曾員均可享用香港中小企業工商聯合會提供的各種服務。</view>
			<view>3、凡其利益和目標與香港中小企業工商聯合會相同的團體機構,均有資格加入香港中小企業工商聯合會為會員。</view>
			<view>4、請填妥本表格、連同有效的商業登記副本及支付會員費之劃線文票(文票請以「香港中小企業工商聯合會有限公司」抬頭),寄往香港九龍尖沙咀束部加連威老道 94 號明輝中心十二楼1210 室香港中小企業工商聯合會秘書處收。
			</view>
			<view>5、如有任何查詢，請致電(852)2330 0822 與香港中小企業工商聯合会秘書處聯絡。</view>
			<view>1、Any company or individual registered in accordance with the Business Registration Ordinance of Hong Kong is eligible to join the Hong Kong Federation of Small and Medium Enterprises and Industry.</view>
			<view>2、All members are entitled to enjoy the various services provided by the Hong Kong Federation of Small and Medium Enterprises and Industry.</view>
			<view>3、Any organization or institution whose interests and objectives are in line with those of the Hong Kong Federation of Small and Medium Enterprises and Industry is eligible to join as a member.</view>
			<view>4、Please complete this form, attach a copy of the valid business registration certificate, and send a crossed cheque (payable to "Hong Kong Federation of Small and Medium Enterprises and Industry Limited") to the Secretariat of the Hong Kong Federation of Small and Medium Enterprises and Industry, 12/F, Ming Hui Centre, 94 Jervois Street, Tsim Sha Tsui East, Kowloon, Hong Kong.
			</view>
			<view>5、For any inquiries, please contact the Secretariat of the Hong Kong Federation of Small and Medium Enterprises and Industry at (852) 2330 0822.
			</view>

		</view>
		<view class="apply-btn-wrapper">
			<view class="apply-btn" @click="handleNext">
				<text>下一步</text>
			</view>

		</view>
	</view>
</template>

<script>
	import customNav from '../../components/custom-nav.vue'
	export default {
		data() {
			return {

			}
		},
		components: {
			customNav
		},
		methods: {
			handleNext() {
				uni.navigateTo({
					url: '/pages/apply/applyTwo'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.page-apply-wrapper {
		.apply-header {
			position: relative;

			.header-bg {
				width: 100%;
				height: 482rpx;
			}

			.apply-head_info {
				position: absolute;
				display: flex;
				top: 200rpx;
				justify-content: center;
				width: 100%;
				align-items: center;

				.flow-line {
					height: 2rpx;
					width: 120rpx;
					// background: #fff;
					border-top: 2rpx dashed #fff;
				}

				.flex-act {
					text {
						color: #333 !important;
					}
				}

				.flow-item {

					// position: relative;



					.flow-step {
						background: #FFFFFF;
						width: 50rpx;
						height: 50rpx;
						border-radius: 50%;
					}

					text {
						position: absolute;
						margin-left: -30rpx;
						margin-top: 10rpx;
						font-size: 25rpx;
						color: #666;
					}
				}
			}
		}

		.apply-content {
			background: #fff;
			position: relative;
			padding: 32rpx;
			top: -130rpx;
			border-radius: 20rpx;

			view {
				color: #333333;
				font-size: 28rpx;
				line-height: 36rpx;
			}
		}

		.apply-btn-wrapper {
			position: fixed;
			bottom: 0;
			background: #fff;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 200rpx;

			.apply-btn {
				margin: 0 auto;
				height: 96rpx;
				background: linear-gradient(128deg, #FF9839 0%, #FF7139 100%);
				border-radius: 200rpx;
				width: 686rpx;
				text-align: center;
				font-size: 32rpx;
				color: #fff;
				line-height: 96rpx;
			}

			// background: rgba(0,0,0,);
		}


	}
</style>